<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<f:view contentType="text/html">

	<h:head>
		<f:facet name="first">
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
			<title>#{msg['label.aplicacao.nome']}</title>
		</f:facet>

		<link type="text/css" rel="stylesheet"
			href="#{request.contextPath}/resources/css/default.css" />

		<script type="text/javascript">
            $(function() {$('.sidebar a').hover(function() {$(this).toggleClass('ui-state-hover');})});
        </script>

	</h:head>

	<h:body>


		<p:layout fullPage="true">
			<p:layoutUnit id="utop" position="north" styleClass="ui-widget ui-widget-header" size="100">
				<div id="logo">
					<img src="#{request.contextPath}/images/logo.png" alt="Logo" />
				</div>
			</p:layoutUnit>

			<p:layoutUnit id="uCenter" styleClass="ui-widget ui-widget-content" position="center">
				<ui:insert name="menu"></ui:insert>
				<ui:insert name="content"></ui:insert>
			</p:layoutUnit>

			<p:layoutUnit id="uBottom" styleClass="ui-widget ui-widget-header" position="south" size="25">
				<div align="center">#{msg['label.mensagem.rodape']}</div>
				<div>
					<p:ajaxStatus>
						<f:facet name="start">
							<h:graphicImage value="#{request.contextPath}/images/ajax-loader.gif" />
						</f:facet>
						<f:facet name="complete">
							Status
						</f:facet>
					</p:ajaxStatus>
				</div>
			</p:layoutUnit>
		</p:layout>

	</h:body>

</f:view>
</html>